<!-- 顶部tabbar -->
<template>
    <div class="tabbar">
        <div class="tabbar-left">
            <Breadcrumb></Breadcrumb>
        </div>
        <div class="tabbar-right">
            <Setting></Setting>
        </div>
    </div>
</template>

<script setup lang="ts">
import Breadcrumb from './breadcrumb/index.vue'
import Setting from './setting/index.vue'

</script>

<style lang="scss" scoped>
.tabbar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*线性渐变 背景颜色*/
    /*background-image: linear-gradient(to right, #fff, #9ae1cf, #fff);*/

    .tabbar-left {
        display: flex;
    }

    .tabbar-right {
        display: flex;
        align-items: center;
    }
}
</style>